.text {
  height: 0;
  font-weight: bold;
  background-color: #E6E6E6;
}

.marginLeft {
  margin-left: 2%;
}

@small: 0.7;
@big: 1;
.home-back {
  min-width: 975px;
  height: auto;
  margin: auto;
}

.home-header {
  position: relative;
  width: 53%;
  height: 3%;
  margin-bottom: 19px;
  font-weight: bold;
  font-family: "Microsoft YaHei UI", serif;
}

.home-header > span {
  position: absolute;
  z-index: 10;
  display: block;
}

.home-map {
  //position: absolute;
  // width: 100%;
  width: 46.8%;
  // height: 100%;
  background-color:#ffffff;
}
// .home-map  div{
//   // position: relative !important;
//   width: 46.8% !important;
//   // height: 50%;
// }
// .l7-scene{
//   height: 49%  !important;
// }
// .mapboxgl-map{
//   height: 46.8%  !important;
// }
// .l7-control-logo l7-control div{
//   display: none;
// }
.home-header > div {
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: 40%;
  background: #ccd5df;
}

.home-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  
}

.home-up-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 54%;
  height: 100%;
}

.home-today-visited {
  width: 25%;
  height: 100%;
  background-color: #fef9e7;
}

.home-visited-trend {
  width: 74%;
  height: 100%;
  background-color: white;
}

.home-course-top {
  width: 57%;
  height: 100%;
  background-color: #eefafa;
}

.home-course-count {
  width: 42%;
  height: 100%;
  background-color: #fef9e7;
}

.home-down-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 24%;
  height: 100%;
}

.home-course-hot {
  width: 100%;
  height: 47%;
  background-color: #fef9e7;
}

.home-course-use {
  width: 100%;
  height: 47%;
  background-color: #eefafa;
}

.home-down-right {
  width: 74%;
  height: 100%;
  background-color: cadetblue;
}

.home-course-use-all {
  width: 100%;
  height: 100%;
  background-color: white;
}

/*
@media screen and (min-width: 0) and (max-width: 1920px) {
  .home-header {
    height: 30px;
    font-size: 24px;
  }
  
  .marginLeft {
    margin-left: 24px * @small;
  }
  
  .home-map {
    width: 702px * @small;
    height: 529px * @small;
  }
  
  .home-today-visited {
    width: 190px * @small;
    height: 204px * @small;
  }
  
  .home-visited-trend {
    width: 558px * @small;
    height: 204px * @small;
  }
  
  .home-up-right {
    width: 600px;
  }
  
  .home-course-top {
    width: 428px * @small;
    height: 300px * @small;
  }
  
  .home-course-count {
    width: 320px * @small;
    height: 300px * @small;
  }
  
  .home-down-left {
    width: 356px * @small;
    height: 467px * @small;
  }
  
  .home-down-right {
    width: 1116px * @small;
    height: 467px * @small;
  }
  
  .home-up-right > div {
    margin-bottom: 24px * @small;
  }
  
  .home-course-hot {
    width: 356px * @small;
    height: 222px * @small;
    margin-bottom: 23px * @small;
  }
  
  .home-course-use {
    width: 356px * @small;
    height: 222px * @small;
  }
  
  .home-course-use-all {
    width: 1116px * @small;
    height: 467px * @small;
  }
}

@media screen and (min-width: 1920px) {
  .home-back {
    width: 1500px;
  }
  
  .home-header {
    height: 40px;
    font-size: 32px;
  }
  
  .home-map {
    width: 702px * @big;
    height: 529px * @big;
  }
  
  .home-today-visited {
    width: 190px * @big;
    height: 204px * @big;
  }
  
  .home-visited-trend {
    width: 558px * @big;
    height: 204px * @big;
  }
  
  .home-up-right {
    width: 800px;
  }
  
  .home-course-top {
    width: 428px * @big;
    height: 300px * @big;
  }
  
  .home-course-count {
    width: 320px * @big;
    height: 300px * @big;
  }
  
  .home-down-left {
    width: 356px * @big;
    height: 467px * @big;
  }
  
  .home-down-right {
    width: 1116px * @big;
    height: 467px * @big;
  }
  
  .home-course-hot {
    width: 356px * @big;
    height: 222px * @big;
    margin-bottom: 23px * @big;
  }
  
  .home-course-use {
    width: 356px * @big;
    height: 222px * @big;
  }
  
  .home-up-right > div {
    margin-bottom: 24px * @big;
  }
  
  .home-course-use-all {
    width: 1116px * @big;
    height: 467px * @big;
  }
  
  .marginLeft {
    margin-left: 24px * @big;
  }
}
*/
